<table cellspacing="10px">
    <tr>
        <td colspan="2"><span class="redTitle">Web Application</span></td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/05TJADRI/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project05/0-22"><span class="projectTitle">TJADRI</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_web.png" /><br>
            <ul>
                <li>2010-04 to 2010-06.</li>
                <li>A business project of office automation system for Tongji Architecture Design Institute.</li>
                <li>It is a product of Professor Weizu Jin’s team, SSE, Tongji.</li>
                <li>I was in charge of the domain control and equipments control part. So I learnt something about Windows domain controller.</li>
                <li>I used many SQL queries and the datasource framework of ASP.NET.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/06EasyCheque/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project06/0-23"><span class="projectTitle">Easy Cheque</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_web.png" /><br>
            <ul>
                <li>2010-07 to 2010-08.</li>
                <li>It’s contest project for Citibank competition. A solution for electronic cheque fairs. Has great security, flexibility and usability.</li>
                <li>I was in charge of the ASP.NET and C# interface development.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/11TJACWeb/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project11/0-28"><span class="projectTitle">TJAC Website</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_web.png" /><br>
            <ul>
                <li>2010-10 to 2011-01.</li>
                <li>This is a dynamic website for Tongji Apple Club(abbr. TJAC)’s daily use.</li>
                <li>Members from TJAC can then create ideas, projects, articles using this website, making TJAC’s management more fluent and efficient.</li>
                <li>This project used Struts 2, Hibernate and J2EE.</li>
                <li>I’m proud of this website. I’m the team leader of 6 people. It’s already in use at <a href="http://sse.tongji.edu.cn:8090/tjac/">here</a>.</li>
            </ul>
        </td>
    </tr>
    
    <tr>
        <td colspan="2"><span class="redTitle">Mobile Apps</span></td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/07iDMBPlus/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project07/0-24"><span class="projectTitle">iDMBPlus</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_iphone.png" /><br>
            <ul>
                <li>2010-07 to 2011-09.</li>
                <li>This iPhone app makes mobile TV available for iOS devices. It connect the signals in the air to a client which your iPhone make peer with, the you can watch the TV.</li>
                <li>Already in business running in Korea. Planning entering China market. A product of Permian Company.</li>
                <li>I’m the UI developer of it as a part-time job.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/12Bubbles/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project12/0-29"><span class="projectTitle">Bubbles</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_iphone.png" /><br>
            <ul>
                <li>2011-04 to now, in progress.</li>
                <li>Personal interest. This app makes it very easy to share photos, messages between iOS devices and Mac.</li>
                <li>Taking advantage of the networking technologies provided by Apple, such as Bonjour and CFNetwork.</li>
                <li>The project is in progress, will be submitted to App Store. I’m eager to finish it! I’m the only developer in a team of 2 people.</li>
            </ul>
        </td>
    </tr>
    
    <tr>
        <td colspan="2"><span class="redTitle">Desktop Application</span></td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/08DS/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project08/0-25"><span class="projectTitle">Direct Sketch</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_windows.png" /><br>
            <ul>
                <li>2009-09 to 2009-10. It has its own file format, supports saving and reopening.</li>
                <li>The most interesting thing is the content is synchronous if you duplicate its instance. Gorgeous user interface. Done by Windwos C++ API.</li>
                <li>It’s course project and I did it all on my own.</li>
                <li>
                    <a href="http://wander.do.am/Projects/08DS/DirectSketch.exe">Download version 1.0 for Windows</a>.
                </li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/09GLook/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project09/0-26"><span class="projectTitle">GLook</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_windows.png" /><br>
            <ul>
                <li>2010-05.</li>
                <li>I referred to the documentation of FAT 12/16 and finished a simulator of FAT with file creating, opening, editing by myself.</li>
                <li>It’s course project and I did it all on my own. I’m proud of this application.</li>
                <li>
                    <a href="http://wander.do.am/Projects/09GLook/GLook.exe">Download version 1.0 for Windows</a>.
                </li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/10TextEditor/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project10/0-27"><span class="projectTitle">Text Editor</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_windows.png" /><br>
            <ul>
                <li>2008-12 to 2009-01.</li>
                <li>Fist software project in life. Using KMP algorithm to find characters. Is very robust and has creative file saving designs.</li>
                <li>It’s course project and I did it all on my own.</li>
                <li>
                    <a href="http://wander.do.am/Projects/10TextEditor/Text_Editor.exe">Download version 1.0 for Windows</a>.
                </li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/15BeTogether/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project15/0-32"><span class="projectTitle">BeTogether</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_windows.png" /><br>
            <ul>
                <li>2010-01 to 2010-03.</li>
                <li>Course project. VNC like desktop sharing application. With chatting, sending files, accessing system utilities and many other features.</li>
                <li>I’m in charge of the interface development.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/14deen/Icon.jpg" /></td>
        <td valign="top"><a href="http://wander.do.am/index/project14/0-31"><span class="projectTitle">deen</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_linux.png" /><br>
            <ul>
                <li>2011-01 to 2011-02.</li>
                <li>The original platform is Linux. It is an encoding and decoding programme for Chinese characters.</li>
                <li>It’s big feature is that the encoded chars ars also readable and interesting Chinese!</li>
                <li>Course project. Core developer of 3 people. I designed the encoding method.</li>
                <li>
                    <a href="http://wander.do.am/Projects/14deen/BIN.zip">Download version 1.0 for Mac OS X</a>.
                </li>
            </ul>
        </td>
    </tr>
    
    <tr>
        <td colspan="2"><span class="redTitle">Game Developing</span></td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/01SiBei/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project01/0-18"><span class="projectTitle">SiBei</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_iphone.png" /><br>
            <ul>
                <li>2010-08 to 2011-04.</li>
                <li>It’s a business project, outsource. It’s a game on iPhone, developed for 6 months, has a complex and very detailed design.</li>
                <li>Done by Sparrow, Chipmunk engines and used Lua scripts.</li>
                <li>I was in charge of the implementation of demo, player tank, routing AI. The team has 6 people.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/04SA/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project04/0-21"><span class="projectTitle">Shuffle Arena</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_iphone.png" /><br>
            <ul>
                <li>2010-01 to 2010-03.</li>
                <li>A game on iPhone, using multi-touch, bluetooth, accelerometer technologies. it talks about fights between an alien, a panda and a robot. Players can use different ways to attack and defense.</li>
                <li>Contest project, won an Excellent Prize of International Software Contest, Chengdu, China. Team leader of 8 people.</li>
                <li><a href="http://itunes.apple.com/ae/app/rookie-fighter/id417976202?mt=8">View in App Store</a>.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/02BabyTour/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project02/0-19"><span class="projectTitle">Baby Tour</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_ipad.png" /><br>
            <ul>
                <li>2011-01 to 2011-03.</li>
                <li>It’s a contest project. A game on iPad, player can use block, flower, grass, bubble, spinner, bird and so on to help the baby arrive the destination safely.</li>
                <li>Use Cocos2d and Chipmunk.</li>
                <li>I like this app quite much. I’m the team leader of 3 people, the only developer.</li>
                <li><a href="http://itunes.apple.com/us/app/baby-tour/id419558793?mt=8">View in App Store</a>.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/03EF/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project03/0-20"><span class="projectTitle">Elements Defense</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_ipad.png" /><br>
            <ul>
                <li>2011-01 to 2011-03.</li>
                <li>An iPad game bring the Chinese traditional “5 elements” to the iOS devices. It can be seen as a tower defending app. The feature is that you can control an element to move and make tower to attack.</li>
                <li>Uses Chipmunk and Cocos2d engines.</li>
                <li>Core developer of 8 people. I did the architecture.</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td align="right"><img class="imageIcon" src="http://wander.do.am/Projects/13CarsCube/Icon.jpg" /></td>
        <td valign="top">
            <a href="http://wander.do.am/index/project13/0-30"><span class="projectTitle">Cars Cube</span></a>
            <img height="20px" src="http://wander.do.am/Projects/icon_ipad.png" /><br>
            <ul>
                <li>2011-04 to now, in progress.</li>
                <li>This is personal interest, an 3D iPad game. The idea of this app is the famous game Snakes. We designed a new rule and scene.</li>
                <li>It’s done by Cocos3d and UIKit.</li>
                <li>I’m the core developer in a team of 2 people.</li>
            </ul>
        </td>
    </tr>
</table>
